<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<title>
    <?php if ( is_home() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;<?php bloginfo('description'); ?><?php } ?>
    <?php if ( is_search() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Busqueda<?php } ?>
    <?php if ( is_author() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Archivo del Autor<?php } ?>
    <?php if ( is_single() ) { ?><?php wp_title(''); ?>&nbsp;|&nbsp;<?php bloginfo('name'); ?><?php } ?>
    <?php if ( is_page() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;<?php wp_title(''); ?><?php } ?>
    <?php if ( is_category() ) { ?><?php single_cat_title(); ?><?php } ?>
    <?php if ( is_month() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;<?php the_time('F'); ?><?php } ?>
    <?php if (function_exists('is_tag')) { if ( is_tag() ) { ?>&nbsp;<?php  single_tag_title("", true); } } ?>
</title>

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
<script type="text/javascript" src="http://localhost/wordpress/demo.com/js/jquery-latest.js"></script>
<script type="text/javascript" src="http://localhost/wordpress/demo.com/js/jquery.validate.js"></script>
<script type="text/javascript" src="http://localhost/wordpress/demo.com/js/prototype.js"></script>

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" /> 
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>

<body>

	<script type="text/javascript">
		function sendRequest() {
			new Ajax.Request("<?php bloginfo('template_url'); ?>/suscribir.php", 
				{ 
				method: 'post', 
				postBody: 'name='+ $F('user_name'),
				onComplete: showResponse 
				});
			}

		function showResponse(req){
			$('show').innerHTML= req.responseText;
		}
	</script>

	<script type="text/javascript">
		$(document).ready(function(){
	      $("#frmSuscripcion").validate({
	        rules:{
	          user_name: "required",
	          user_email:{required: true, email: true}
			}
	      });
	    });
	</script>

<div id="art-page-background-simple-gradient">
</div>

<div id="art-page-background-glare">
    <div id="art-page-background-glare-image"></div>
</div>

	<div class="art-Footer">
	<div class="art-nav">
		<ul class="art-menu">
			<?php art_menu_items(); ?>
		</ul>
	</div>
	<div class="art-Footer-inner">
		<div class="art-Footer-text">Art Footer Text</div>
	</div>
	<div class="art-Footer-background">Art Footer Background</div>
	</div>


<div id="art-main">
<div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>

	<div class="art-Header">
	    <div class="art-Header-jpeg"></div>
		<div class="art-Logo">
		    <h1 id="name-text" class="art-Logo-name">
	          <a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
		    <div id="slogan-text" class="art-Logo-text"><?php bloginfo('description'); ?></div>

		<style>
		.csslabel
		{
			float:left;
			width:75px;
		}
		.cssinput
		{
			float:left;
			width:75px;
		}
		.csssubmit
		{
		}
		.cssfila
		{
			height:30px;
		}

		#msg_suscripcion
		{
			color:Red;
			font-weight:bold;
		}
		</style>

		<div style="float:right; width:300px;">
		<form name="frmSuscripcion" id="frmSuscripcion" onsubmit="return false;">
			<h3>Avisarme cuando ingresen nuevos Juegos</h3>
			<div class="cssfila">
			<div class="csslabel"><span class="xlabel">Nombre :</span></div>
			<div class="cssinput"><span class="xinput"><input id="user_name" name="user_name" type="text" size="20" /></span></div>
			</div>

			<div class="cssfila">
			<div class="csslabel"><span class="xlabel">Correo :</span></div>
			<div class="cssinput"><span class="xinput"><input id="user_email" name="user_email" type="text" size="20" /></span></div>
			</div>

			<input type="hidden" name="MM_idcampanna" value="2" />
			<input type="hidden" name="MM_insert_suscriptor" value="frmSuscripcion" />
			<input type="hidden" name="MM_url_redirect_suscripcion_bienvenida" value="" />
			<input type="hidden" name="MM_url_redirect_suscripcion_error" value="" />

			<input class="submit" type="submit" value="Enviar datos" onClick="sendRequest()" />
		</form>

		<div id="show"></div>
		</div>

		</div>
	</div>
	<div class="art-Footer">
	<div class="art-Footer-inner">
		<div class="art-Footer-text"></div>
	</div>
	<div class="art-Footer-background"></div>
	</div>
</div>

<div class="art-JugarGratis">
</div>

<div class="art-Mario">
</div>
</br>
</br>

<div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>

	<img id="HeaderLogo" src="<?php bloginfo('template_url'); ?>/images/preadsense.png" width="728" height="25" alt="" />

	<div class="art-Footer">
	<div class="art-Footer-inner">
		<div class="art-Footer-text"></div>
	</div>
	<div class="art-Footer-background"></div>
	</div>
</div>


<div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">

